.el-menu {
  .el-submenu__title,
  .el-menu-item {
    height: 40px;
    line-height: 40px;
    cursor: pointer;

    .icon {
      margin-top: 11px;
      margin-right: 10px;
    }

    &:hover {
      background-color: #f0f5ff;
    }

    &,
    &:focus {
      outline: 0;
    }
  }
  
  .el-menu-item {
    position: relative;
    
    &::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 3px;
      background-color: $main-color;
    }

    &.is-active {
      background-color: #f0f5ff;
      color: #2B74FF;
      &::before {
        content: "";
      }
    }
  }
}
